<template>
  <view class="block-tit-wrapper">
    <view class="icon"></view>
    <view class="text">{{tit}}</view>
  </view>
</template>

<script>
  export default{
    props:{
      tit:{
        type:String,
        default:''
      }
    }
  }
</script>

<style lang="scss" scoped>
  .block-tit-wrapper{
    display: flex;
    align-items: center;
    padding-left: 40rpx;
    .icon{
      width: 21rpx;
      height: 42rpx;
      background: linear-gradient(180deg, #95BEF1 0%, #1A529A 100%);
      border-radius: 12rpx;
      margin-right: 10rpx;
    } 
    .text{
      font-size: 50rpx;
      font-weight: bold;
      color: #07356F;
      line-height: 70rpx
    }
  }
  
</style>